
<template tag="以下文档内容为hycli自动生成">
  <div>
  <el-dialog
    v-model="conf.visible"
    :title="title"
    draggable
    align-center="true"
    width="68%"
    :close-on-click-modal="false"

  >
    <el-tabs v-model="conf.selected">
      <el-tab-pane label="详情" name="aabbw">
<el-row :gutter="24" style="font-size: 0.7rem;">
  <el-col :span="4" class="text-right" style="min-height:26px">编号:</el-col>
  <el-col :span="8" v-text="view.wr_id||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">用户:</el-col>
  <el-col :span="8" v-text="view.user_id_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">开始日期:</el-col>
  <el-col :span="8" v-text="view.start_date||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">结束日期:</el-col>
  <el-col :span="8" v-text="view.end_date||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">内容:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.report_content+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">反馈:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.feedback_content+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">汇报给:</el-col>
  <el-col :span="8" v-text="view.report_to_user_label" style="min-height:26px" ></el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">抄送用户:</el-col>
  <el-col :span="8" v-text="view.cc_users_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建时间:</el-col>
  <el-col :span="8" v-text="view.create_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">更新时间:</el-col>
  <el-col :span="8" v-text="view.update_time||'-'" style="min-height:26px" ></el-col>
</el-row>
      </el-tab-pane>
    </el-tabs>
    <template #footer>
      <span style="height: 60px"> </span>
    </template>
  </el-dialog>
</div>
</template>
<script>
import gantt from "@/views/cmpnts/gantt.vue"
export default {
   components: {
    gantt,
  },
  data() {
    return {
        conf:{
        visible:false,
        
        selected:"aabbw",
      },
      title:"周报详情",
      form:{},
      view: {
        wr_id:"",
        user_id:"",
        start_date:"",
        end_date:"",
        report_content:"",
        feedback_content:"",
        report_to_user:"",
        cc_users:"",
        create_time:"",
        update_time:"",
        },
      }
  },
  methods: {
  show_cmpnt_aabbv(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aabbv.show(form)
  },
  show_cmpnt_aabbs(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aabbs.show(form)
  },
  show_cmpnt_aabbt(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aabbt.show(form)
  },
  show_cmpnt_aabbu(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aabbu.show_aabbu(form)
  },
 show(form) {
    this.conf.visible = true
    this.form = form
   let that = this;
   this.$theia.http
      .get("/ws/weekly/report",form)
      .then((res) => {
        let item = Object.assign({}, res)
        item.user_id_label = that.$theia.enum.getName("user_account",item.user_id)
        item.report_to_user_label = that.$theia.enum.getName("user_account",item.report_to_user)
        item.cc_users_label = that.$theia.enum.getName("user_account",item.cc_users)
        item.start_date = that.$theia.str.dateFormat(item.start_date,'yyyy/MM/dd')
        item.end_date = that.$theia.str.dateFormat(item.end_date,'yyyy/MM/dd')  
        item.report_to_user = (item.report_to_user||"")  
        item.cc_users = (item.cc_users||"")
        that.view = item
      })
      .catch((res) => {
        let code = res.response.status;
        let msg = `周报查询失败(${code})`;
        that.$notify.error({ title: "失败", message: msg, duration: 5000 });
      });
  },
  },
};
</script>
<style scoped>
/deep/.el-step__title{
    font-size: 0.8rem;
}
.steps{
  margin-top:8px;
  margin-bottom:  16px;
}
</style>